<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8">
		<title>公告栏</title>
		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css" />
		<link rel="stylesheet" type="text/css" href="../static/css/me.css" th:href="@{/css/me.css}"/>
	</head>
	<body>
		<!-- 头部 -->
		<nav class="ui padded-t-small">
			<div class="ui container">
				<div class="ui secondary menu">
					<h2 class="ui blue header item">信息技术系</h2>
					<div class="right menu m-item m-mobile-hide">
						<div class="ui dropdown item">
							<div class="text">
								<i class="user blue big icon"></i>
								<span th:text="${session.student.name}">王锦超</span>
							</div>
							<i class="dropdown icon"></i>
							<div class="menu">
								<a href="#" th:href="@{/logout}" class="item">退出</a>
							</div>
						</div>
					</div>

				</div>
				<div class="ui secondary pointing three item demo menu">
					<a href="index.html" th:href="@{/notice}" class="active item">公告栏</a>
					<a href="record.html" th:href="@{/record}" class="item">考勤栏</a>
					<a href="information.html" th:href="@{/information}" class="item">个人信息</a>
				</div>
			</div>
		</nav>
		<!-- 主体 -->
		<div class="ui container margin-t-small">		
			<div  class="ui padded segment ns" th:fragment="ns">
					<h2 class="ui center aligned header" th:text="${n.title}">通知</h2>
					<div id="content" class="ui segment basic" th:text="${n.content}">
						按照国务院、省、市有关文件精神，根据县疫情防控应急指挥部关于做好复工复产期间保障交通运输的统一部署，为全面恢复我县交通运输秩序，保障人民群众正常的生活、生产出行需要，经县疫情防控应急指挥部研究决定，从2020年3月11日起，全面恢复我县公共交通运行，现将有关事项通告如下：

						一、3月11日起，恢复安义至南昌136路、安义至南昌西站高铁5号线（136快线）城际公交线路运行；
						二、3月11日起，恢复安义县城区内528、529、530、567公交线路运行；
						三、3月11日起，恢复安义县农村公交客运线路运行；
						四、3月11日起，恢复安义至省内城际客运班线运行；
						五、3月11日起，恢复全县出租车运营。
						望广大市民加强公共交通出行自身防护，配合交通运输行业的疫情防控检测，共同做好疫情防控工作，确保复工复产和疫情防控“两不误”。
					</div>
					<div class="ui segment basic right aligned">
						<div th:text="${n.crateTime}">
							2020-03-03
						</div>
					</div>
			</div>
			<div class="ui segments">
				<div class="ui secondary segment"><h3 class="ui header">历史公告</h3></div>
				<div th:each="news:${news}" class="ui segment">
					<div th:attr="data-nub=${news.id}" onclick="news(this)">
						<div class="ui secondary menu">
							<div class="item">
								<i class="circle icon"></i><span th:text="${news.title}">用户故事</span>
							</div>
							<div class="right item" th:text="${#dates.format(news.crateTime,'yyyy-MM-dd')}">
								2020-03-03
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>



		<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
		<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
		<script>
			$('.ui.dropdown').dropdown();

			function news(obj) {
				var url = '/notice/c';
				console.log($(obj).data("nub"));
				$.ajax({
					url: url,
					type: 'POST',
					data:{id:$(obj).data("nub")},
					success: function (data) {
						$(".ui.ns").html(data);
					}
				})
			}
		</script>
	</body>
</html>
